$(function() {
    //分类图标
    $("#headPic1").click(function () {
        $("#upload1").click(); //隐藏了input:file样式后，点击头像就可以本地上传
        $("#upload1").on("change",function(){
            var objUrl = getObjectURL(this.files[0]) ; //获取图片的路径，该路径不是图片在本地的路径
            if (objUrl) {
                $("#headPic1").attr("src", objUrl) ; //将图片路径存入src中，显示出图片
            }
        });
    });
    //用户图标
    $("#headPic").click(function () {
        $("#upload").click(); //隐藏了input:file样式后，点击头像就可以本地上传
        $("#upload").on("change",function(){
            var objUrl = getObjectURL(this.files[0]) ; //获取图片的路径，该路径不是图片在本地的路径
            if (objUrl) {
                $("#headPic").attr("src", objUrl) ; //将图片路径存入src中，显示出图片
            }
        });
    });
    //审核图标
    $("#headPic3").click(function () {
        $("#upload3").click(); //隐藏了input:file样式后，点击头像就可以本地上传
        $("#upload3").on("change",function(){
            var objUrl = getObjectURL(this.files[0]) ; //获取图片的路径，该路径不是图片在本地的路径
            if (objUrl) {
                $("#headPic3").attr("src", objUrl) ; //将图片路径存入src中，显示出图片
            }
        });
    });
    //分类图标上传
    $("#submit_bat1").on("click",function () {
        var file = "upload1";
        uploads(file);
    })
    //用户图标上传
    $("#submit_bat").on("click",function () {
        var file = "upload";
        uploads(file);
    })

    //用户图标上传
    $("#submit_bat3").on("click",function () {
        var file = "upload3";
        uploads(file);
    })
});

function uploads(file) {
    $.ajaxFileUpload({
        url:"{:url('Upload/upload')}",
        fileElementId: file, //文件上传域的ID，这里是input的ID，而不是img的
        dataType: 'json', //返回值类型 一般设置为json
        contentType: "application/x-www-form-urlencoded; charset=utf-8",
        success: function (data) {
            console.log(data);
            if(data.code==1){
                $("#"+file).siblings(".icons").val(data.data.path);
                $("#"+file).siblings(".luj").html(data.data.name);
            }
        }
    });
}
//建立一個可存取到該file的url
function getObjectURL(file) {
    var url = null ;
    if (window.createObjectURL!=undefined) { // basic
        url = window.createObjectURL(file) ;
    } else if (window.URL!=undefined) { // mozilla(firefox)
        url = window.URL.createObjectURL(file) ;
    } else if (window.webkitURL!=undefined) { // webkit or chrome
        url = window.webkitURL.createObjectURL(file) ;
    }
    return url ;
}